Быстрая сборка проекта с Vite vs webpack

Классное название для поста про быструю сборку

Когда я баловался с нейросетями я как-то затронул тему сборщика. Сегодня раскрою ее чуть подробнее.

У нас довольно большой проект, настолько большой, что запуск webpack-dev-server занимал больше 40 секунд на M1. Про запуск у ребят на интеле я вообще лучше писать ничего не буду. На одном из ретро поняли вопрос комфорта разработки и оказалось, что перезагрузка страницы после Cmd + S происходит спустя секунд десять, чего хватает чтобы взять телефон и открыть тик-ток. А там уже и конец рабочего дня маячит. В общем, работать некомфортно.

Тут как раз на радарах появился витя — ViteJS. Совместимость конфигов с вебпаком примерно как у двигателей от камаза и мотоцикла — пришлось писать все заново. Конфиг получился монструозный и ппц нихрена непонятный, но работающий. А самое главное результаты.

Витек ускорил холодный старт, то есть запуск дев-сервера в 16 раз. Это типа пара секунд стало. А рефреш по сохранению — в сорок, мать его, шесть раз. Я глазами дольше моргаю.

Но секрет тут прост и таит в себе подводные, так сказать, камни. Для билда и для сборки Витёк использует разные механизмы, а значит что то, с чем мы работаем в dev-режиме немного не то, что реально улетит к пользователям. Но стоит отметить, что с такими проблемами не сталкивался. А для особо параноиков есть режим vite preview, который соберет продакшен-билд и раздаст через веб-сервер.

Команда Витька пишет, что после перехода с RollUp на RollDown эта разница между дев и продакшен режимом уйдет и вообще всё будет чики-пуки. Штош, ждем и верим.

А вы чем собираете, друзья?

С наступившим!